{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "73c458f4-8b2c-49e1-a7f4-f86764b65805",
   "metadata": {},
   "source": [
    "# Customizing Tick Marks in Colorbars\n",
    "\n",
    "Two new parameters in the `theme()` function, `legendTicks` and `legendTicksLength`, provide fine-grained control over colorbar tick marks."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "24dd56b0-a4e9-4f06-838e-037b58e9015a",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_0\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"DataFrame\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"DataFrame\"] = resQueue;\n",
       "                window[\"call_DataFrame\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/Kotlin/dataframe@3db46ccccaa1291c0627307d64133317f545e6ae/core/src/main/resources/init.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_0\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"DataFrame\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_DataFrame\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"DataFrame\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource DataFrame';\n",
       "                        document.getElementById(\"kotlin_out_0\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "                <style>\n",
       "                :root {\n",
       "    --background: #fff;\n",
       "    --background-odd: #f5f5f5;\n",
       "    --background-hover: #d9edfd;\n",
       "    --header-text-color: #474747;\n",
       "    --text-color: #848484;\n",
       "    --text-color-dark: #000;\n",
       "    --text-color-medium: #737373;\n",
       "    --text-color-pale: #b3b3b3;\n",
       "    --inner-border-color: #aaa;\n",
       "    --bold-border-color: #000;\n",
       "    --link-color: #296eaa;\n",
       "    --link-color-pale: #296eaa;\n",
       "    --link-hover: #1a466c;\n",
       "}\n",
       "\n",
       ":root[theme=\"dark\"], :root [data-jp-theme-light=\"false\"], .dataframe_dark{\n",
       "    --background: #303030;\n",
       "    --background-odd: #3c3c3c;\n",
       "    --background-hover: #464646;\n",
       "    --header-text-color: #dddddd;\n",
       "    --text-color: #b3b3b3;\n",
       "    --text-color-dark: #dddddd;\n",
       "    --text-color-medium: #b2b2b2;\n",
       "    --text-color-pale: #737373;\n",
       "    --inner-border-color: #707070;\n",
       "    --bold-border-color: #777777;\n",
       "    --link-color: #008dc0;\n",
       "    --link-color-pale: #97e1fb;\n",
       "    --link-hover: #00688e;\n",
       "}\n",
       "\n",
       "p.dataframe_description {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe {\n",
       "    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12px;\n",
       "    background-color: var(--background);\n",
       "    color: var(--text-color-dark);\n",
       "    border: none;\n",
       "    border-collapse: collapse;\n",
       "}\n",
       "\n",
       "table.dataframe th, td {\n",
       "    padding: 6px;\n",
       "    border: 1px solid transparent;\n",
       "    text-align: left;\n",
       "}\n",
       "\n",
       "table.dataframe th {\n",
       "    background-color: var(--background);\n",
       "    color: var(--header-text-color);\n",
       "}\n",
       "\n",
       "table.dataframe td {\n",
       "    vertical-align: top;\n",
       "    white-space: nowrap;\n",
       "}\n",
       "\n",
       "table.dataframe th.bottomBorder {\n",
       "    border-bottom-color: var(--bold-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(odd) {\n",
       "    background: var(--background-odd);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:nth-child(even) {\n",
       "    background: var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe tbody > tr:hover {\n",
       "    background: var(--background-hover);\n",
       "}\n",
       "\n",
       "table.dataframe a {\n",
       "    cursor: pointer;\n",
       "    color: var(--link-color);\n",
       "    text-decoration: none;\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover > td a {\n",
       "    color: var(--link-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe a:hover {\n",
       "    color: var(--link-hover);\n",
       "    text-decoration: underline;\n",
       "}\n",
       "\n",
       "table.dataframe img {\n",
       "    max-width: fit-content;\n",
       "}\n",
       "\n",
       "table.dataframe th.complex {\n",
       "    background-color: var(--background);\n",
       "    border: 1px solid var(--background);\n",
       "}\n",
       "\n",
       "table.dataframe .leftBorder {\n",
       "    border-left-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightBorder {\n",
       "    border-right-color: var(--inner-border-color);\n",
       "}\n",
       "\n",
       "table.dataframe .rightAlign {\n",
       "    text-align: right;\n",
       "}\n",
       "\n",
       "table.dataframe .expanderSvg {\n",
       "    width: 8px;\n",
       "    height: 8px;\n",
       "    margin-right: 3px;\n",
       "}\n",
       "\n",
       "table.dataframe .expander {\n",
       "    display: flex;\n",
       "    align-items: center;\n",
       "}\n",
       "\n",
       "/* formatting */\n",
       "\n",
       "table.dataframe .null {\n",
       "    color: var(--text-color-pale);\n",
       "}\n",
       "\n",
       "table.dataframe .structural {\n",
       "    color: var(--text-color-medium);\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .dataFrameCaption {\n",
       "    font-weight: bold;\n",
       "}\n",
       "\n",
       "table.dataframe .numbers {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe td:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "table.dataframe tr:hover .formatted .structural, .null {\n",
       "    color: var(--text-color-dark);\n",
       "}\n",
       "\n",
       "\n",
       "                </style>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "   <div id=\"cgLRRS\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"cgLRRS\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"cgLRRS\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "            <div id=\"kotlin_out_1\"></div>\n",
       "            <script type=\"text/javascript\">\n",
       "                            if(!window.kotlinQueues) {\n",
       "                window.kotlinQueues = {};\n",
       "            }\n",
       "            if(!window.kotlinQueues[\"letsPlotJs\"]) {\n",
       "                var resQueue = [];\n",
       "                window.kotlinQueues[\"letsPlotJs\"] = resQueue;\n",
       "                window[\"call_letsPlotJs\"] = function(f) {\n",
       "                    resQueue.push(f);\n",
       "                }\n",
       "            }\n",
       "            (function (){\n",
       "                var modifiers = [(function(script) {\n",
       "    script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\"\n",
       "    script.type = \"text/javascript\";\n",
       "})];\n",
       "                var e = document.getElementById(\"kotlin_out_1\");\n",
       "                modifiers.forEach(function (gen) {\n",
       "                    var script = document.createElement(\"script\");\n",
       "                    gen(script)\n",
       "                    script.addEventListener(\"load\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {f();};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"].forEach(function(f) {f();});\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                    }, false);\n",
       "                    script.addEventListener(\"error\", function() {\n",
       "                        window[\"call_letsPlotJs\"] = function(f) {};\n",
       "                        window.kotlinQueues[\"letsPlotJs\"] = [];\n",
       "                        var div = document.createElement(\"div\");\n",
       "                        div.style.color = 'darkred';\n",
       "                        div.textContent = 'Error loading resource letsPlotJs';\n",
       "                        document.getElementById(\"kotlin_out_1\").appendChild(div);\n",
       "                    }, false);\n",
       "                    \n",
       "                    e.appendChild(script);\n",
       "                });\n",
       "            })();\n",
       "            </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "%useLatestDescriptors\n",
    "%use dataframe\n",
    "%use lets-plot"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "a92fb036-116f-4456-95c7-9bd506698ade",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "Lets-Plot Kotlin API v.4.10.0. Frontend: Notebook with dynamically loaded JS. Lets-Plot JS v.4.6.1."
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "LetsPlot.getInfo()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "e0898429-1171-428c-97e7-bffc74d99b3c",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "   <div id=\"rt8iLs\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"library\">\n",
       "       if(!window.letsPlotCallQueue) {\n",
       "           window.letsPlotCallQueue = [];\n",
       "       }; \n",
       "       window.letsPlotCall = function(f) {\n",
       "           window.letsPlotCallQueue.push(f);\n",
       "       };\n",
       "       (function() {\n",
       "           var script = document.createElement(\"script\");\n",
       "           script.type = \"text/javascript\";\n",
       "           script.src = \"https://cdn.jsdelivr.net/gh/JetBrains/lets-plot@v4.6.1/js-package/distr/lets-plot.min.js\";\n",
       "           script.onload = function() {\n",
       "               window.letsPlotCall = function(f) {f();};\n",
       "               window.letsPlotCallQueue.forEach(function(f) {f();});\n",
       "               window.letsPlotCallQueue = [];\n",
       "               \n",
       "               \n",
       "           };\n",
       "           script.onerror = function(event) {\n",
       "               window.letsPlotCall = function(f) {};\n",
       "               window.letsPlotCallQueue = [];\n",
       "               var div = document.createElement(\"div\");\n",
       "               div.style.color = 'darkred';\n",
       "               div.textContent = 'Error loading Lets-Plot JS';\n",
       "               document.getElementById(\"rt8iLs\").appendChild(div);\n",
       "           };\n",
       "           var e = document.getElementById(\"rt8iLs\");\n",
       "           e.appendChild(script);\n",
       "       })();\n",
       "   </script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "data": {
         "time": [
          "Lunch",
          "Lunch",
          "Dinner",
          "Dinner",
          "Dinner"
         ]
        },
        "data_meta": {
         "series_annotations": [
          {
           "column": "time",
           "type": "str"
          }
         ]
        },
        "ggsize": {
         "height": 200,
         "width": 400
        },
        "kind": "plot",
        "layers": [
         {
          "geom": "bar",
          "mapping": {
           "fill": "..count..",
           "x": "time"
          },
          "position": "stack",
          "stat": "count"
         }
        ],
        "mapping": {},
        "scales": [
         {
          "aesthetic": "fill",
          "scale_mapper_kind": "color_grey"
         }
        ],
        "theme": {
         "axis": {
          "blank": true
         },
         "line": {
          "blank": true
         },
         "name": "classic"
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"2jZr5G\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"2jZr5G\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"mapping\":{\n",
       "},\n",
       "\"data\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":400.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_grey\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"x\":\"time\",\n",
       "\"fill\":\"..count..\"\n",
       "},\n",
       "\"stat\":\"count\",\n",
       "\"position\":\"stack\",\n",
       "\"geom\":\"bar\",\n",
       "\"data\":{\n",
       "\"..count..\":[2.0,3.0],\n",
       "\"time\":[\"Lunch\",\"Dinner\"]\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"time\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"1\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=2bb61eea-6e22-41d4-83f5-bcb1b71e137f width=\"100%\" height=\"100%\" style=\"max-width: 400.0px; max-height: 200.0px;\" viewBox=\"0 0 400.0 200.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pqGkKgB .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pqGkKgB .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBPeMP4 .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBPeMP4 .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pqGkKgB .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBPeMP4 .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBPeMP4 .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBPeMP4 .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pqGkKgB\">\n",
       "    <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 200.0 L400.0 200.0 L400.0 0.0 Z\">\n",
       "    </path>\n",
       "    <g transform=\"translate(6.5 6.5 ) \">\n",
       "      <g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g clip-path=\"url(#cLjgBfp)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (323.9749960519845, 187.0)]\">\n",
       "        <g transform=\"\">\n",
       "          <g>\n",
       "            <g>\n",
       "              <rect x=\"169.03043272277455\" y=\"8.904761904761898\" height=\"178.0952380952381\" width=\"126.77282454208091\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(198,198,198)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "              </rect>\n",
       "              <rect x=\"28.171738787129087\" y=\"68.26984126984127\" height=\"118.73015873015873\" width=\"126.7728245420809\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(48,48,48)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "              </rect>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <defs>\n",
       "          <clipPath id=\"cLjgBfp\">\n",
       "            <rect x=\"0.0\" y=\"0.0\" width=\"323.9749960519845\" height=\"187.0\">\n",
       "            </rect>\n",
       "          </clipPath>\n",
       "        </defs>\n",
       "      </g>\n",
       "      <g>\n",
       "        <g transform=\"translate(0.0 187.0 ) \">\n",
       "        </g>\n",
       "        <g transform=\"\">\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <g transform=\"translate(341.9749960519845 26.25 ) \">\n",
       "      <rect x=\"0.0\" y=\"0.0\" height=\"147.5\" width=\"58.02500394801552\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "      </rect>\n",
       "      <g transform=\"translate(5.0 5.0 ) \">\n",
       "        <g transform=\"translate(0.0 12.0 ) \">\n",
       "          <text class=\"legend-title\" y=\"0.0\">\n",
       "            <tspan>count</tspan>\n",
       "          </text>\n",
       "        </g>\n",
       "        <g transform=\"translate(0.0 22.5 ) \">\n",
       "          <g>\n",
       "            <rect x=\"0.0\" y=\"0.0\" height=\"115.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(194,194,194)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"7.55\" height=\"107.45\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(186,186,186)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"13.1\" height=\"101.9\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(178,178,178)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"18.65\" height=\"96.35\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(170,170,170)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"24.2\" height=\"90.8\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(162,162,162)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"29.75\" height=\"85.25\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(154,154,154)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"35.3\" height=\"79.7\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(146,146,146)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"40.849999999999994\" height=\"74.15\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(138,138,138)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"46.39999999999999\" height=\"68.60000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(130,130,130)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"51.94999999999999\" height=\"63.05000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(123,123,123)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"57.499999999999986\" height=\"57.500000000000014\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(115,115,115)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"63.04999999999998\" height=\"51.95000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(108,108,108)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"68.59999999999998\" height=\"46.40000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(100,100,100)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"74.14999999999998\" height=\"40.85000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(93,93,93)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"79.69999999999997\" height=\"35.300000000000026\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(86,86,86)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"85.24999999999997\" height=\"29.75000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(79,79,79)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"90.79999999999997\" height=\"24.20000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(72,72,72)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"96.34999999999997\" height=\"18.650000000000034\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(65,65,65)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"101.89999999999996\" height=\"13.100000000000037\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(58,58,58)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <rect x=\"0.0\" y=\"107.44999999999996\" height=\"7.55000000000004\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(52,52,52)\" fill-opacity=\"1.0\">\n",
       "            </rect>\n",
       "            <line x1=\"0.0\" y1=\"113.0\" x2=\"4.0\" y2=\"113.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"113.0\" x2=\"23.0\" y2=\"113.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 117.55 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "            <line x1=\"0.0\" y1=\"90.79999999999998\" x2=\"4.0\" y2=\"90.79999999999998\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"90.79999999999998\" x2=\"23.0\" y2=\"90.79999999999998\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 95.34999999999998 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2.2</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "            <line x1=\"0.0\" y1=\"68.59999999999997\" x2=\"4.0\" y2=\"68.59999999999997\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"68.59999999999997\" x2=\"23.0\" y2=\"68.59999999999997\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 73.14999999999996 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2.4</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "            <line x1=\"0.0\" y1=\"46.39999999999992\" x2=\"4.0\" y2=\"46.39999999999992\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"46.39999999999992\" x2=\"23.0\" y2=\"46.39999999999992\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 50.94999999999992 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2.6</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "            <line x1=\"0.0\" y1=\"24.199999999999932\" x2=\"4.0\" y2=\"24.199999999999932\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"24.199999999999932\" x2=\"23.0\" y2=\"24.199999999999932\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 28.74999999999993 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>2.8</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "            <line x1=\"0.0\" y1=\"2.0\" x2=\"4.0\" y2=\"2.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <line x1=\"19.0\" y1=\"2.0\" x2=\"23.0\" y2=\"2.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "            </line>\n",
       "            <g transform=\"translate(26.9903027277341 6.549999999999999 ) \">\n",
       "              <text class=\"legend-item\" y=\"0.0\">\n",
       "                <tspan>3</tspan>\n",
       "              </text>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "    </g>\n",
       "    <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 200.0 L400.0 200.0 L400.0 0.0 Z\" pointer-events=\"none\">\n",
       "    </path>\n",
       "  </g>\n",
       "  <g id=\"dBPeMP4\">\n",
       "  </g>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"2bb61eea-6e22-41d4-83f5-bcb1b71e137f\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 3,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "val data = mapOf(\"time\" to listOf(\"Lunch\", \"Lunch\", \"Dinner\", \"Dinner\", \"Dinner\"))\n",
    "\n",
    "val p = letsPlot(data) + \n",
    "        geomBar{x = \"time\"; fill = \"..count..\"} + \n",
    "        scaleFillGrey() + \n",
    "        themeVoid() + \n",
    "        ggsize(400, 200)\n",
    "\n",
    "p"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "49cfe840-7545-4d7b-8310-6eb7f6ca6acd",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/plot+json": {
       "apply_color_scheme": true,
       "output": {
        "figures": [
         {
          "data": {
           "time": [
            "Lunch",
            "Lunch",
            "Dinner",
            "Dinner",
            "Dinner"
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "time",
             "type": "str"
            }
           ]
          },
          "ggsize": {
           "height": 200,
           "width": 400
          },
          "ggtitle": {
           "text": "Long Ticks"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "bar",
            "mapping": {
             "fill": "..count..",
             "x": "time"
            },
            "position": "stack",
            "stat": "count"
           }
          ],
          "mapping": {},
          "scales": [
           {
            "aesthetic": "fill",
            "scale_mapper_kind": "color_grey"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "legend_ticks_length": 10,
           "line": {
            "blank": true
           },
           "name": "classic"
          }
         },
         {
          "data": {
           "time": [
            "Lunch",
            "Lunch",
            "Dinner",
            "Dinner",
            "Dinner"
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "time",
             "type": "str"
            }
           ]
          },
          "ggsize": {
           "height": 200,
           "width": 400
          },
          "ggtitle": {
           "text": "Thick Ticks"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "bar",
            "mapping": {
             "fill": "..count..",
             "x": "time"
            },
            "position": "stack",
            "stat": "count"
           }
          ],
          "mapping": {},
          "scales": [
           {
            "aesthetic": "fill",
            "scale_mapper_kind": "color_grey"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "legend_ticks": {
            "blank": false,
            "size": 4
           },
           "line": {
            "blank": true
           },
           "name": "classic"
          }
         },
         {
          "data": {
           "time": [
            "Lunch",
            "Lunch",
            "Dinner",
            "Dinner",
            "Dinner"
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "time",
             "type": "str"
            }
           ]
          },
          "ggsize": {
           "height": 200,
           "width": 400
          },
          "ggtitle": {
           "text": "Thick Red Ticks"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "bar",
            "mapping": {
             "fill": "..count..",
             "x": "time"
            },
            "position": "stack",
            "stat": "count"
           }
          ],
          "mapping": {},
          "scales": [
           {
            "aesthetic": "fill",
            "scale_mapper_kind": "color_grey"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "legend_ticks": {
            "blank": false,
            "color": "red",
            "size": 4
           },
           "line": {
            "blank": true
           },
           "name": "classic"
          }
         },
         {
          "data": {
           "time": [
            "Lunch",
            "Lunch",
            "Dinner",
            "Dinner",
            "Dinner"
           ]
          },
          "data_meta": {
           "series_annotations": [
            {
             "column": "time",
             "type": "str"
            }
           ]
          },
          "ggsize": {
           "height": 200,
           "width": 400
          },
          "ggtitle": {
           "text": "Hidden Ticks"
          },
          "kind": "plot",
          "layers": [
           {
            "geom": "bar",
            "mapping": {
             "fill": "..count..",
             "x": "time"
            },
            "position": "stack",
            "stat": "count"
           }
          ],
          "mapping": {},
          "scales": [
           {
            "aesthetic": "fill",
            "scale_mapper_kind": "color_grey"
           }
          ],
          "theme": {
           "axis": {
            "blank": true
           },
           "legend_ticks": "blank",
           "line": {
            "blank": true
           },
           "name": "classic"
          }
         }
        ],
        "ggsize": {
         "height": 200,
         "width": 800
        },
        "kind": "subplots",
        "layout": {
         "align": false,
         "fit": true,
         "name": "grid",
         "ncol": 4,
         "nrow": 1
        }
       },
       "output_type": "lets_plot_spec",
       "swing_enabled": true
      },
      "text/html": [
       "   <div id=\"R4tt42\"></div>\n",
       "   <script type=\"text/javascript\" data-lets-plot-script=\"plot\">\n",
       "   \n",
       "   (function() {\n",
       "   // ----------\n",
       "   \n",
       "   const forceImmediateRender = false;\n",
       "   const responsive = false;\n",
       "   \n",
       "   let sizing = {\n",
       "       width_mode: \"MIN\",\n",
       "       height_mode: \"SCALED\",\n",
       "       width: null, \n",
       "       height: null \n",
       "   };\n",
       "   \n",
       "   const preferredWidth = document.body.dataset.letsPlotPreferredWidth;\n",
       "   if (preferredWidth !== undefined) {\n",
       "       sizing = {\n",
       "           width_mode: 'FIXED',\n",
       "           height_mode: 'SCALED',\n",
       "           width: parseFloat(preferredWidth)\n",
       "       };\n",
       "   }\n",
       "   \n",
       "   const containerDiv = document.getElementById(\"R4tt42\");\n",
       "   let fig = null;\n",
       "   \n",
       "   function renderPlot() {\n",
       "       if (fig === null) {\n",
       "           const plotSpec = {\n",
       "\"layout\":{\n",
       "\"name\":\"grid\",\n",
       "\"ncol\":4,\n",
       "\"nrow\":1,\n",
       "\"fit\":true,\n",
       "\"align\":false\n",
       "},\n",
       "\"figures\":[{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Long Ticks\"\n",
       "},\n",
       "\"mapping\":{\n",
       "},\n",
       "\"data\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":400.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_grey\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"x\":\"time\",\n",
       "\"fill\":\"..count..\"\n",
       "},\n",
       "\"stat\":\"count\",\n",
       "\"position\":\"stack\",\n",
       "\"geom\":\"bar\",\n",
       "\"data\":{\n",
       "\"..count..\":[2.0,3.0],\n",
       "\"time\":[\"Lunch\",\"Dinner\"]\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"legend_ticks_length\":10.0\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"time\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"3\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Thick Ticks\"\n",
       "},\n",
       "\"mapping\":{\n",
       "},\n",
       "\"data\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":400.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_grey\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"x\":\"time\",\n",
       "\"fill\":\"..count..\"\n",
       "},\n",
       "\"stat\":\"count\",\n",
       "\"position\":\"stack\",\n",
       "\"geom\":\"bar\",\n",
       "\"data\":{\n",
       "\"..count..\":[2.0,3.0],\n",
       "\"time\":[\"Lunch\",\"Dinner\"]\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"legend_ticks\":{\n",
       "\"size\":4.0,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"time\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"4\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Thick Red Ticks\"\n",
       "},\n",
       "\"mapping\":{\n",
       "},\n",
       "\"data\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":400.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_grey\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"x\":\"time\",\n",
       "\"fill\":\"..count..\"\n",
       "},\n",
       "\"stat\":\"count\",\n",
       "\"position\":\"stack\",\n",
       "\"geom\":\"bar\",\n",
       "\"data\":{\n",
       "\"..count..\":[2.0,3.0],\n",
       "\"time\":[\"Lunch\",\"Dinner\"]\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"legend_ticks\":{\n",
       "\"color\":\"red\",\n",
       "\"size\":4.0,\n",
       "\"blank\":false\n",
       "}\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"time\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"5\"\n",
       "},{\n",
       "\"ggtitle\":{\n",
       "\"text\":\"Hidden Ticks\"\n",
       "},\n",
       "\"mapping\":{\n",
       "},\n",
       "\"data\":{\n",
       "},\n",
       "\"ggsize\":{\n",
       "\"width\":400.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"plot\",\n",
       "\"scales\":[{\n",
       "\"aesthetic\":\"fill\",\n",
       "\"scale_mapper_kind\":\"color_grey\"\n",
       "}],\n",
       "\"layers\":[{\n",
       "\"mapping\":{\n",
       "\"x\":\"time\",\n",
       "\"fill\":\"..count..\"\n",
       "},\n",
       "\"stat\":\"count\",\n",
       "\"position\":\"stack\",\n",
       "\"geom\":\"bar\",\n",
       "\"data\":{\n",
       "\"..count..\":[2.0,3.0],\n",
       "\"time\":[\"Lunch\",\"Dinner\"]\n",
       "}\n",
       "}],\n",
       "\"theme\":{\n",
       "\"name\":\"classic\",\n",
       "\"axis\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"line\":{\n",
       "\"blank\":true\n",
       "},\n",
       "\"legend_ticks\":\"blank\"\n",
       "},\n",
       "\"data_meta\":{\n",
       "\"series_annotations\":[{\n",
       "\"type\":\"str\",\n",
       "\"column\":\"time\"\n",
       "}]\n",
       "},\n",
       "\"spec_id\":\"6\"\n",
       "}],\n",
       "\"ggsize\":{\n",
       "\"width\":800.0,\n",
       "\"height\":200.0\n",
       "},\n",
       "\"kind\":\"subplots\"\n",
       "};\n",
       "           window.letsPlotCall(function() { fig = LetsPlot.buildPlotFromProcessedSpecs(plotSpec, containerDiv, sizing); });\n",
       "       } else {\n",
       "           fig.updateView({});\n",
       "       }\n",
       "   }\n",
       "   \n",
       "   const renderImmediately = \n",
       "       forceImmediateRender || (\n",
       "           sizing.width_mode === 'FIXED' && \n",
       "           (sizing.height_mode === 'FIXED' || sizing.height_mode === 'SCALED')\n",
       "       );\n",
       "   \n",
       "   if (renderImmediately) {\n",
       "       renderPlot();\n",
       "   }\n",
       "   \n",
       "   if (!renderImmediately || responsive) {\n",
       "       // Set up observer for initial sizing or continuous monitoring\n",
       "       var observer = new ResizeObserver(function(entries) {\n",
       "           for (let entry of entries) {\n",
       "               if (entry.contentBoxSize && \n",
       "                   entry.contentBoxSize[0].inlineSize > 0) {\n",
       "                   if (!responsive && observer) {\n",
       "                       observer.disconnect();\n",
       "                       observer = null;\n",
       "                   }\n",
       "                   renderPlot();\n",
       "                   if (!responsive) {\n",
       "                       break;\n",
       "                   }\n",
       "               }\n",
       "           }\n",
       "       });\n",
       "       \n",
       "       observer.observe(containerDiv);\n",
       "   }\n",
       "   \n",
       "   // ----------\n",
       "   })();\n",
       "   \n",
       "   </script>                <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" id=9e59927b-e2cf-4e5c-848f-8f3dc1c70c19 width=\"100%\" height=\"100%\" style=\"max-width: 800.0px; max-height: 200.0px;\" viewBox=\"0 0 800.0 200.0\" preserveAspectRatio=\"xMinYMin meet\">\n",
       "  <style type=\"text/css\">\n",
       "  .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pLJOMh2 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pLJOMh2 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pLJOMh2 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       ".tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "  </style>\n",
       "  <g id=\"pLJOMh2\">\n",
       "    <rect x=\"0.0\" y=\"0.0\" height=\"200.0\" width=\"800.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\">\n",
       "    </rect>\n",
       "  </g>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"193.75\" height=\"187.0\" x=\"6.5\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#p20d3zN .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#p20d3zN .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#d6aNwlw .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#d6aNwlw .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#p20d3zN .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#d6aNwlw .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#d6aNwlw .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#d6aNwlw .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"p20d3zN\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#ccNFTUJ)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (117.72499605198448, 154.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <rect x=\"61.42173707060061\" y=\"7.333333333333314\" height=\"146.66666666666669\" width=\"46.06630280295045\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(198,198,198)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "                <rect x=\"10.236956178433434\" y=\"56.222222222222214\" height=\"97.77777777777779\" width=\"46.06630280295046\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(48,48,48)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"ccNFTUJ\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"117.72499605198448\" height=\"154.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 154.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(6.5 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\">\n",
       "          <tspan>Long Ticks</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(135.72499605198448 29.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"147.5\" width=\"58.02500394801552\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>count</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"115.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(194,194,194)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"7.55\" height=\"107.45\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(186,186,186)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"13.1\" height=\"101.9\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(178,178,178)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"18.65\" height=\"96.35\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(170,170,170)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"24.2\" height=\"90.8\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(162,162,162)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"29.75\" height=\"85.25\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(154,154,154)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"35.3\" height=\"79.7\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(146,146,146)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"40.849999999999994\" height=\"74.15\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(138,138,138)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"46.39999999999999\" height=\"68.60000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(130,130,130)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"51.94999999999999\" height=\"63.05000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(123,123,123)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"57.499999999999986\" height=\"57.500000000000014\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(115,115,115)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"63.04999999999998\" height=\"51.95000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(108,108,108)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"68.59999999999998\" height=\"46.40000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(100,100,100)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"74.14999999999998\" height=\"40.85000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(93,93,93)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"79.69999999999997\" height=\"35.300000000000026\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(86,86,86)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"85.24999999999997\" height=\"29.75000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(79,79,79)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"90.79999999999997\" height=\"24.20000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(72,72,72)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"96.34999999999997\" height=\"18.650000000000034\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(65,65,65)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"101.89999999999996\" height=\"13.100000000000037\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(58,58,58)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"107.44999999999996\" height=\"7.55000000000004\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(52,52,52)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <line x1=\"0.0\" y1=\"113.0\" x2=\"10.0\" y2=\"113.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"113.0\" x2=\"23.0\" y2=\"113.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 117.55 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"90.79999999999998\" x2=\"10.0\" y2=\"90.79999999999998\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"90.79999999999998\" x2=\"23.0\" y2=\"90.79999999999998\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 95.34999999999998 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"68.59999999999997\" x2=\"10.0\" y2=\"68.59999999999997\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"68.59999999999997\" x2=\"23.0\" y2=\"68.59999999999997\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 73.14999999999996 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.4</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"46.39999999999992\" x2=\"10.0\" y2=\"46.39999999999992\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"46.39999999999992\" x2=\"23.0\" y2=\"46.39999999999992\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 50.94999999999992 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.6</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"24.199999999999932\" x2=\"10.0\" y2=\"24.199999999999932\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"24.199999999999932\" x2=\"23.0\" y2=\"24.199999999999932\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 28.74999999999993 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.8</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"2.0\" x2=\"10.0\" y2=\"2.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"13.0\" y1=\"2.0\" x2=\"23.0\" y2=\"2.0\" stroke-width=\"1.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 6.549999999999999 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>3</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"d6aNwlw\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"193.75\" height=\"187.0\" x=\"204.25\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#psC8yCR .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#psC8yCR .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dEZSJqE .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dEZSJqE .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#psC8yCR .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dEZSJqE .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dEZSJqE .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dEZSJqE .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"psC8yCR\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cX0e2hC)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (117.72499605198448, 154.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <rect x=\"61.42173707060061\" y=\"7.333333333333314\" height=\"146.66666666666669\" width=\"46.06630280295045\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(198,198,198)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "                <rect x=\"10.236956178433434\" y=\"56.222222222222214\" height=\"97.77777777777779\" width=\"46.06630280295046\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(48,48,48)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cX0e2hC\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"117.72499605198448\" height=\"154.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 154.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(6.5 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\">\n",
       "          <tspan>Thick Ticks</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(135.72499605198448 29.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"147.5\" width=\"58.02500394801552\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>count</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"115.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(194,194,194)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"7.55\" height=\"107.45\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(186,186,186)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"13.1\" height=\"101.9\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(178,178,178)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"18.65\" height=\"96.35\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(170,170,170)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"24.2\" height=\"90.8\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(162,162,162)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"29.75\" height=\"85.25\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(154,154,154)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"35.3\" height=\"79.7\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(146,146,146)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"40.849999999999994\" height=\"74.15\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(138,138,138)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"46.39999999999999\" height=\"68.60000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(130,130,130)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"51.94999999999999\" height=\"63.05000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(123,123,123)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"57.499999999999986\" height=\"57.500000000000014\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(115,115,115)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"63.04999999999998\" height=\"51.95000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(108,108,108)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"68.59999999999998\" height=\"46.40000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(100,100,100)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"74.14999999999998\" height=\"40.85000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(93,93,93)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"79.69999999999997\" height=\"35.300000000000026\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(86,86,86)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"85.24999999999997\" height=\"29.75000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(79,79,79)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"90.79999999999997\" height=\"24.20000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(72,72,72)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"96.34999999999997\" height=\"18.650000000000034\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(65,65,65)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"101.89999999999996\" height=\"13.100000000000037\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(58,58,58)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"107.44999999999996\" height=\"7.55000000000004\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(52,52,52)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <line x1=\"0.0\" y1=\"113.0\" x2=\"4.0\" y2=\"113.0\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"113.0\" x2=\"23.0\" y2=\"113.0\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 117.55 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"90.79999999999998\" x2=\"4.0\" y2=\"90.79999999999998\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"90.79999999999998\" x2=\"23.0\" y2=\"90.79999999999998\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 95.34999999999998 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"68.59999999999997\" x2=\"4.0\" y2=\"68.59999999999997\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"68.59999999999997\" x2=\"23.0\" y2=\"68.59999999999997\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 73.14999999999996 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.4</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"46.39999999999992\" x2=\"4.0\" y2=\"46.39999999999992\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"46.39999999999992\" x2=\"23.0\" y2=\"46.39999999999992\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 50.94999999999992 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.6</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"24.199999999999932\" x2=\"4.0\" y2=\"24.199999999999932\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"24.199999999999932\" x2=\"23.0\" y2=\"24.199999999999932\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 28.74999999999993 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.8</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"2.0\" x2=\"4.0\" y2=\"2.0\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"2.0\" x2=\"23.0\" y2=\"2.0\" stroke-width=\"4.0\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 6.549999999999999 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>3</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dEZSJqE\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"193.75\" height=\"187.0\" x=\"402.0\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pfBwrg0 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pfBwrg0 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBTE0G9 .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBTE0G9 .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pfBwrg0 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBTE0G9 .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBTE0G9 .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dBTE0G9 .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pfBwrg0\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cggn32d)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (117.72499605198448, 154.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <rect x=\"61.42173707060061\" y=\"7.333333333333314\" height=\"146.66666666666669\" width=\"46.06630280295045\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(198,198,198)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "                <rect x=\"10.236956178433434\" y=\"56.222222222222214\" height=\"97.77777777777779\" width=\"46.06630280295046\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(48,48,48)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cggn32d\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"117.72499605198448\" height=\"154.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 154.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(6.5 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\">\n",
       "          <tspan>Thick Red Ticks</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(135.72499605198448 29.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"147.5\" width=\"58.02500394801552\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>count</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"115.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(194,194,194)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"7.55\" height=\"107.45\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(186,186,186)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"13.1\" height=\"101.9\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(178,178,178)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"18.65\" height=\"96.35\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(170,170,170)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"24.2\" height=\"90.8\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(162,162,162)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"29.75\" height=\"85.25\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(154,154,154)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"35.3\" height=\"79.7\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(146,146,146)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"40.849999999999994\" height=\"74.15\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(138,138,138)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"46.39999999999999\" height=\"68.60000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(130,130,130)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"51.94999999999999\" height=\"63.05000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(123,123,123)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"57.499999999999986\" height=\"57.500000000000014\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(115,115,115)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"63.04999999999998\" height=\"51.95000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(108,108,108)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"68.59999999999998\" height=\"46.40000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(100,100,100)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"74.14999999999998\" height=\"40.85000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(93,93,93)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"79.69999999999997\" height=\"35.300000000000026\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(86,86,86)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"85.24999999999997\" height=\"29.75000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(79,79,79)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"90.79999999999997\" height=\"24.20000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(72,72,72)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"96.34999999999997\" height=\"18.650000000000034\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(65,65,65)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"101.89999999999996\" height=\"13.100000000000037\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(58,58,58)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"107.44999999999996\" height=\"7.55000000000004\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(52,52,52)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <line x1=\"0.0\" y1=\"113.0\" x2=\"4.0\" y2=\"113.0\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"113.0\" x2=\"23.0\" y2=\"113.0\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 117.55 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"90.79999999999998\" x2=\"4.0\" y2=\"90.79999999999998\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"90.79999999999998\" x2=\"23.0\" y2=\"90.79999999999998\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 95.34999999999998 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"68.59999999999997\" x2=\"4.0\" y2=\"68.59999999999997\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"68.59999999999997\" x2=\"23.0\" y2=\"68.59999999999997\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 73.14999999999996 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.4</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"46.39999999999992\" x2=\"4.0\" y2=\"46.39999999999992\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"46.39999999999992\" x2=\"23.0\" y2=\"46.39999999999992\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 50.94999999999992 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.6</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"24.199999999999932\" x2=\"4.0\" y2=\"24.199999999999932\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"24.199999999999932\" x2=\"23.0\" y2=\"24.199999999999932\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 28.74999999999993 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.8</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <line x1=\"0.0\" y1=\"2.0\" x2=\"4.0\" y2=\"2.0\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <line x1=\"19.0\" y1=\"2.0\" x2=\"23.0\" y2=\"2.0\" stroke-width=\"4.0\" stroke=\"rgb(255,0,0)\" stroke-opacity=\"1.0\">\n",
       "              </line>\n",
       "              <g transform=\"translate(26.9903027277341 6.549999999999999 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>3</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dBTE0G9\">\n",
       "    </g>\n",
       "  </svg>\n",
       "  <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" display=\"block\" class=\"plt-container\" width=\"193.75\" height=\"187.0\" x=\"599.75\" y=\"6.5\">\n",
       "    <style type=\"text/css\">\n",
       "    .plt-container {\n",
       "   font-family: Lucida Grande, sans-serif;\n",
       "   user-select: none;\n",
       "   -webkit-user-select: none;\n",
       "   -moz-user-select: none;\n",
       "   -ms-user-select: none;\n",
       "}\n",
       "text {\n",
       "   text-rendering: optimizeLegibility;\n",
       "}\n",
       "#pwjHdg4 .plot-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 16.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .plot-subtitle {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .plot-caption {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .hyperlink-element {\n",
       "fill: #118ed8;\n",
       "font-weight: normal;\n",
       "   font-style: normal;\n",
       "}\n",
       "#pwjHdg4 .legend-title {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .legend-item {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .axis-title-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .axis-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyj9pFj .axis-tooltip-text-x {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .axis-title-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 15.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .axis-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyj9pFj .axis-tooltip-text-y {\n",
       "fill: #ffffff;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .facet-strip-text-x {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#pwjHdg4 .facet-strip-text-y {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyj9pFj .tooltip-text {\n",
       "fill: #474747;\n",
       "font-weight: normal;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyj9pFj .tooltip-title {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "#dyj9pFj .tooltip-label {\n",
       "fill: #474747;\n",
       "font-weight: bold;\n",
       "   font-style: normal;font-family: Lucida Grande, sans-serif;\n",
       "font-size: 13.0px;\n",
       "\n",
       "}\n",
       "\n",
       "    </style>\n",
       "    <g id=\"pwjHdg4\">\n",
       "      <path fill-rule=\"evenodd\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\">\n",
       "      </path>\n",
       "      <g transform=\"translate(6.5 26.5 ) \">\n",
       "        <g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "        <g clip-path=\"url(#cBdo48L)\" clip-bounds-jfx=\"[rect (0.0, 0.0), (117.72499605198448, 154.0)]\">\n",
       "          <g transform=\"\">\n",
       "            <g>\n",
       "              <g>\n",
       "                <rect x=\"61.42173707060061\" y=\"7.333333333333314\" height=\"146.66666666666669\" width=\"46.06630280295045\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(198,198,198)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "                <rect x=\"10.236956178433434\" y=\"56.222222222222214\" height=\"97.77777777777779\" width=\"46.06630280295046\" stroke=\"rgb(255,255,255)\" stroke-opacity=\"1.0\" fill=\"rgb(48,48,48)\" fill-opacity=\"1.0\" stroke-width=\"1.6500000000000001\">\n",
       "                </rect>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "          <defs>\n",
       "            <clipPath id=\"cBdo48L\">\n",
       "              <rect x=\"0.0\" y=\"0.0\" width=\"117.72499605198448\" height=\"154.0\">\n",
       "              </rect>\n",
       "            </clipPath>\n",
       "          </defs>\n",
       "        </g>\n",
       "        <g>\n",
       "          <g transform=\"translate(0.0 154.0 ) \">\n",
       "          </g>\n",
       "          <g transform=\"\">\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <g transform=\"translate(6.5 16.8 ) \">\n",
       "        <text class=\"plot-title\" y=\"0.0\">\n",
       "          <tspan>Hidden Ticks</tspan>\n",
       "        </text>\n",
       "      </g>\n",
       "      <g transform=\"translate(135.72499605198448 29.75 ) \">\n",
       "        <rect x=\"0.0\" y=\"0.0\" height=\"147.5\" width=\"58.02500394801552\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" fill=\"rgb(255,255,255)\" fill-opacity=\"1.0\">\n",
       "        </rect>\n",
       "        <g transform=\"translate(5.0 5.0 ) \">\n",
       "          <g transform=\"translate(0.0 12.0 ) \">\n",
       "            <text class=\"legend-title\" y=\"0.0\">\n",
       "              <tspan>count</tspan>\n",
       "            </text>\n",
       "          </g>\n",
       "          <g transform=\"translate(0.0 22.5 ) \">\n",
       "            <g>\n",
       "              <rect x=\"0.0\" y=\"0.0\" height=\"115.0\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(194,194,194)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"7.55\" height=\"107.45\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(186,186,186)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"13.1\" height=\"101.9\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(178,178,178)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"18.65\" height=\"96.35\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(170,170,170)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"24.2\" height=\"90.8\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(162,162,162)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"29.75\" height=\"85.25\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(154,154,154)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"35.3\" height=\"79.7\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(146,146,146)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"40.849999999999994\" height=\"74.15\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(138,138,138)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"46.39999999999999\" height=\"68.60000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(130,130,130)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"51.94999999999999\" height=\"63.05000000000001\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(123,123,123)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"57.499999999999986\" height=\"57.500000000000014\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(115,115,115)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"63.04999999999998\" height=\"51.95000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(108,108,108)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"68.59999999999998\" height=\"46.40000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(100,100,100)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"74.14999999999998\" height=\"40.85000000000002\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(93,93,93)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"79.69999999999997\" height=\"35.300000000000026\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(86,86,86)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"85.24999999999997\" height=\"29.75000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(79,79,79)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"90.79999999999997\" height=\"24.20000000000003\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(72,72,72)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"96.34999999999997\" height=\"18.650000000000034\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(65,65,65)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"101.89999999999996\" height=\"13.100000000000037\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(58,58,58)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <rect x=\"0.0\" y=\"107.44999999999996\" height=\"7.55000000000004\" width=\"23.0\" stroke-width=\"0.0\" fill=\"rgb(52,52,52)\" fill-opacity=\"1.0\">\n",
       "              </rect>\n",
       "              <g transform=\"translate(26.9903027277341 117.55 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 95.34999999999998 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.2</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 73.14999999999996 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.4</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 50.94999999999992 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.6</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 28.74999999999993 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>2.8</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "              <g transform=\"translate(26.9903027277341 6.549999999999999 ) \">\n",
       "                <text class=\"legend-item\" y=\"0.0\">\n",
       "                  <tspan>3</tspan>\n",
       "                </text>\n",
       "              </g>\n",
       "            </g>\n",
       "          </g>\n",
       "        </g>\n",
       "      </g>\n",
       "      <path fill=\"rgb(0,0,0)\" fill-opacity=\"0.0\" stroke=\"rgb(71,71,71)\" stroke-opacity=\"1.0\" stroke-width=\"0.0\" d=\"M0.0 0.0 L0.0 187.0 L193.75 187.0 L193.75 0.0 Z\" pointer-events=\"none\">\n",
       "      </path>\n",
       "    </g>\n",
       "    <g id=\"dyj9pFj\">\n",
       "    </g>\n",
       "  </svg>\n",
       "</svg>\n",
       "                <script>document.getElementById(\"9e59927b-e2cf-4e5c-848f-8f3dc1c70c19\").style.display = \"none\";</script>"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "val longTicks = theme(legendTicksLength = 10) + ggtitle(\"Long Ticks\")\n",
    "val thickTicks = theme(legendTicks = elementLine(size = 4)) + ggtitle(\"Thick Ticks\")\n",
    "val thickRedTicks = theme(legendTicks = elementLine(size = 4, color = \"red\")) + ggtitle(\"Thick Red Ticks\")\n",
    "val hiddenTicks = theme(legendTicks = \"blank\") + ggtitle(\"Hidden Ticks\")\n",
    "\n",
    "gggrid(\n",
    "    listOf(\n",
    "        p + longTicks,\n",
    "        p + thickTicks,\n",
    "        p + thickRedTicks,\n",
    "        p + hiddenTicks\n",
    "    )\n",
    ") + ggsize(800, 200)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Kotlin",
   "language": "kotlin",
   "name": "kotlin"
  },
  "language_info": {
   "codemirror_mode": "text/x-kotlin",
   "file_extension": ".kt",
   "mimetype": "text/x-kotlin",
   "name": "kotlin",
   "nbconvert_exporter": "",
   "pygments_lexer": "kotlin",
   "version": "1.9.23"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}
